<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge">
  <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
  <title>ol-mapbox-style Examples</title>
  <style>
  body {
    font-family: Verdana, Arial, sans-serif;
  }
  </style>
</head>
<body>
  <h1>ol-mapbox-style Examples</h1>
  <ul>
    <li><a href="mapbox.html">Mapbox</a> (requires a <a href="https://www.mapbox.com/studio/account/tokens/">Mapbox API token</a>) &ndash; Vector tile map from Mapbox's Bright style</li>
    <li><a href="maptiler-hillshading.html">Maptiler w/ hillshading</a> (requires a <a href="https://cloud.maptiler.com/account/keys/">Maptiler API token</a>) &ndash; Hillshading map with Maptiler style sources</li>
    <li><a href="terrarium-hillshading.html">Terrarium hillshading</a> &ndash; Hillshading map using a Terrarium source</li>
    <li><a href="openmaptiles.html">OpenMapTiles</a> (requires a <a href="https://cloud.maptiler.com/account/keys">Maptiler Cloud API token</a>) &ndash; Vector tile map from OpenMapTiles's basic style</li>
    <li><a href="geojson.html">GeoJSON</a> &ndash; Map with a vector layer from GeoJSON</li>
    <li><a href="geojson-featurestate.html">GeoJSON with Hover Effect</a> &ndash; Use <code>feature-state</code> for a hover effect</li>
    <li><a href="geojson-inline.html">Inline GeoJSON</a> &ndash; Map with a vector layer from GeoJSON embedded in the style object</li>
    <li><a href="geojson-wfs.html">GeoJSON WFS</a> &ndash; Map with a vector layer from WFS</li>
    <li><a href="wms.html">OSM with WMS overlay</a> &ndash; Map with two raster layers (OSM base map and WMS overlay)</li>
    <li><a href="tilejson.html">TileJSON</a> &ndash; Map with a raster layer from a TileJSON definition</li>
    <li><a href="tilejson-vectortile.html">TileJSON vector tiles</a> &ndash; Vector tile map with a source from a TileJSON definition</li>
    <li><a href="esri-4326.html">Esri vector tiles 4326</a> &ndash; MapTiler with custom <code>projection</code></li>
    <li><a href="esri-transformrequest.html">Esri vector tiles with bad tile URLs</a> &ndash; Esri vector tile map using the <code>transformRequest</code> option to fix tile urls.</li>
    <li><a href="openmaptiles-layer.html">OpenMapTiles Layer</a> (requires a <a href="https://cloud.maptiler.com/account/keys">Maptiler Cloud API token</a>) &ndash; Vector tile layer from OpenMapTiles's basic style</li>
    <li><a href="geojson-layer.html">GeoJSON Layer</a> &ndash; Vector layer from GeoJSON</li>
    <li><a href="stylefunction.html">Style function</a> &ndash; Low-level API for creating a style function from a Mapbox Style source</li>
    <li><a href="apply-layergroup.html">Apply to a Layer Group</a> &ndash; Apply style to a layer group instead of an entire map</li>
    <li><a href="sdf-sprites.html">SDF Sprites</a> &ndash; Handle SDF sprites instead of regular image</li>
  </ul>
</body>
</html>
